﻿@{
    ViewBag.Title = "Index";
}

<h2>Book</h2>

<form class="form-inline">
    <button type="submit" class="btn btn-primary">Add new</button>
    <div class="form-group">
        <input type="email" class="form-control" id="exampleInputEmail3" placeholder="Enter text">
    </div>
    <button type="submit" class="btn btn-primary">Search</button>
</form>


<nav>
    <ul class="pagination pagination-sm">
        <li>
            <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
            <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
    </ul>
</nav>

<table class="table table-bordered table-striped">
    <thead>
        <tr>
            <th>Edit</th>
            <th>Header</th>
            <th>Content</th>
            <th>Index</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><a href="#">Edit</a> | <a href="#">Delete</a></td>
            <td>Header 1</td>
            <td>Content Content Content Content Content Content ...</td>
            <td>1</td>
        </tr>
        <tr>
            <td><a href="#">Edit</a> | <a href="#">Delete</a></td>
            <td>Header 1</td>
            <td>Content Content Content Content Content Content ...</td>
            <td>2</td>
        </tr>
        <tr>
            <td><a href="#">Edit</a> | <a href="#">Delete</a></td>
            <td>Header 1</td>
            <td>Content Content Content Content Content Content ...</td>
            <td>3</td>
        </tr>
        <tr>
            <td><a href="#">Edit</a> | <a href="#">Delete</a></td>
            <td>Header 1</td>
            <td>Content Content Content Content Content Content ...</td>
            <td>4</td>
        </tr>
        <tr>
            <td><a href="#">Edit</a> | <a href="#">Delete</a></td>
            <td>Header 1</td>
            <td>Content Content Content Content Content Content ...</td>
            <td>5</td>
        </tr>
    </tbody>
</table>

<nav>
    <ul class="pagination pagination-sm">
        <li>
            <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
            <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
    </ul>
</nav>
